草庐IT

Flutter:ClipOval Clipper 高度

全部标签

javascript - 获取div未溢出部分的高度

假设我有一个包装div,上面有一个overflow:hidden,里面有一个远远低于可见部分的div。如何获取内部div的可见高度?我尝试获取内部div高度的每种方法都会返回包括隐藏部分的完整高度,即2000像素。我希望能够仅获得可见部分的高度,因此在本例中为400px。我知道我只能获取parentNode的高度,但在生产中,内部div可能不是第一个子节点。因此可能有其他div将它们分隔开,因此#inner的高度将为400-无论它与#wrapper之间的元素偏移量如何。 最佳答案 作为基本算法,这可以工作:varoffset=0;v

javascript - 隐藏 100% 高度的 iPhone 地址栏

关于此的很多帖子,但不完全适合我的情况。我的页面将灵活的尺寸设置为100%宽度和100%高度,因此典型的加载滚动功能不起作用。有什么想法或其他解决方案吗?谢谢!CSS:*{margin:0;padding:0;}html,body{width:100%;height:100%;min-width:960px;overflow:hidden;}Javascript:/mobile/i.test(navigator.userAgent)&&!pageYOffset&&!location.hash&&setTimeout(function(){window.scrollTo(0,1);},1

javascript - 具有不同滑动高度的 ionic 滑动盒

我正在使用ion-slide-box,但问题是,我的ion-slide不在同一高度,所以它设置了所有ion-slide到高度一的大小。下面是一个例子ion-slide1高度30pxion-slide2高度100px因此,ion-slide-box高度将为100px,这会在slide1中形成一个空白区域(70px)。当用户使用该空白区域(70px)滑动时,slider不起作用。有什么方法/解决方法可以让slidebox适用于不同的幻灯片高度? 最佳答案 你可以使用这个:.slider-slides{display:flex;flex-

javascript - 如何为 extjs hbox 布局设置自动高度?

我有这个布局,一旦我设置了一些数据动态布局就不会调整大小,最终结果是这样的这是我使用的代码win=Ext.create('widget.window',{title:'LayoutWindow',closable:true,closeAction:'hide',width:750,height:500,layout:'fit',animCollapse:true,bodyPadding:5,items:[{xtype:'container',layout:'hbox',align:'stretch',items:[{xtype:'fieldset',flex:1,title:'Deta

javascript - 计算 SVG 文本的垂直高度

我有一个字符串数组。说,['Jan11','Feb11']我正在用这些字符串创建一个垂直文本Jan11渲染svg后,我发现文本的高度为36px。现在有没有一种方法可以在给定字体大小的情况下计算预先呈现的文本的高度? 最佳答案 您可以使用getBBox方法来计算SVG节点的尺寸。vartextNode=document.getElementsByTagName('text'),bbox=textNode.getBBox();//bboxnowhavex,y,widthandheightproperties

javascript - Google Map .InfoWindow 设置高度和宽度

如何设置谷歌地图InfoWindow的大小和宽度?我看了ontheapipage并且只找到了一个maxWidth方法。编辑:我已经尝试了一些东西。到目前为止,这些都不起作用:varmarkerInfoWindow=newgoogle.maps.InfoWindow({content:markerHTMLString,maxHeight:400,//Doesn'tworkmaxWidth:400,//Doesn'tworkwidth:300,//Doesn'tworkheight:300//Doesn'twork});也说markerHTMLString等于:Text我也试过这三个选项(

javascript - 可以在条形图中隐藏零高度条吗?

对于0值,Flot喜欢在条形图所在的位置绘制一条平线。是否可以将其配置为不绘制任何内容? 最佳答案 在我的应用程序中,我通过将yaxismin设置为大于0且小于我使用的分辨率的值解决了这个问题。边框可见,扁平线隐藏。varoptions={series:{stack:0,lines:{show:false,fill:true,steps:false},bars:{show:true,barWidth:0.6}},xaxis:{mode:"time",timeformat:"%H:%M"},yaxis:{min:0.5},select

javascript - 如何覆盖由 jquery/javascript 设置的 css 高度?

我有这个:varsetHeight=$(this).outerHeight();//returnse.g.687$("#someElement").css({'height':$setHeight+"px!important"});//Iwanttooverridethisjquery-setheight我不确定这是正确的方法...可能不是,因为它不起作用。感谢您的帮助! 最佳答案 您的变量名没有前导$。此外,!important标志将导致它在Firefox中不起作用,但是当您将此样式直接应用于元素时,您不需要它。$("#someE

javascript - 如何获得包含尺寸的宽度和高度?

假设我有以下html:html,body{height:100%;overflow-y:hidden;}div{background:url(path)no-repeatcenter;width:100%;height:100%;background-size:contain;}demo这里,background-size是contain,全宽和全高都是100%,但是背景图片的区域没有被div完全覆盖。那么,有没有什么办法可以得到被覆盖图片的宽高呢? 最佳答案 documentation提到以下关于contain的内容:Thiske

javascript - 如何检测元素是否具有 'auto' 高度

无论CSS中设置的值如何,window.getComputedStyle(element).height和element.clientHeight都以像素为单位返回元素的当前高度。有什么方法可以查明高度是设置为auto还是像素以外的其他单位?@pvnarula通过他链接的页面建议的一个解决方案是暂时changethecontentsoftheelement,thencompareheights.有点hacky... 最佳答案 请尝试:document.getElementById("ele_id").style.height同时检查